<template>
    <div>
        <!-- 底部路由 -->
        <van-tabbar route>
            <van-tabbar-item replace v-for="item in navList" :to="item.path" :icon="item.icon" :key="item.id">{{ item.name }}</van-tabbar-item>
        </van-tabbar>
        
    </div>
</template>

<script>
export default {
    name:'bottomnav',
    data() {
        return {
            navList: [
                {path:'/find',name:'发现',icon:'gem', id:1},
                {path:'/podcast',name:'播客',icon:'gift', id:2},
                {path:'/my',name:'我的',icon:'fire', id:3},
                {path:'/attention',name:'关注',icon:'bag', id:4},
                {path:'/cloud',name:'云村',icon:'award', id:5},
            ]
        };
    },
   
};
</script>

<style scoped lang="scss">
.van-tabbar-item--active{
    color: #FC3C3B;
}

</style>
